<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>举报</title>
<link type="text/css" href="css/reset.css" rel="stylesheet" />
<link type="text/css" href="css/public.css" rel="stylesheet" />
<link type="text/css" href="css/style.css" rel="stylesheet" />
<link type="text/css" href="css/wode.css" rel="stylesheet" />
<script>
    var deviceWidth = Math.min(640, window.innerWidth)
    document.documentElement.style.fontSize = deviceWidth / 7.5 + "px"
</script>
  <script src="js/jquery.min.js?v=2.1.4"></script>
 <script src="js/core.js"></script>
   <script src="js/2.6.1jubao.js"></script>

</head>

<body>
<!-- top -->
<div class="header">
    <header class="p_header public-red">
        <a href="javascript:history.go(-1);" class="p_header_left">
            <i class="p_left" title="返回"></i>
        </a>
        <h1 class="p_dizhi">举报</h1>
    </header>
</div>
<!--举报-->
<form>
	<div class="dingdan_title">请选择原因</div>
    <ul class="cgs_xuanze">
    	<li class="cgs_xuanze_li" name="1">大量盗图</li>
    	<li name="2">价格虚高</li>
    	<li name="3">无实体店铺</li>
    	<li name="4">私下交易</li>
    	<li name="5">其他</li>
    </ul>
    
    	<div class="kaidian_dianpu" style="display: none;">
		<div class="fabu_fengmian">
			<div id="ngpreview">
	            <img id="ngimghead" border=0 src="images/moren.jpg" />
	        </div>
	        <div class="fabu_file1"><input type="file" id="filess"  /></div>
		</div>
	</div>
    
	<div class="dingdan_title">请上传图片</div>
	<div class="mm_imgfile">
            <ul class="clearfix">
                <li>
                    <img src="images/moren.jpg">
                    <input type="file" onchange="ngpreviewImage(this)">
                </li>
            </ul>
        </div>
	</div>
	<div class="dingdan_title">举报说明</div>
	<div class="sell_fabu_input">
		<textarea id="jubaoliyou"  placeholder="请输入详细的举报理由，客服人员会尽快处理"></textarea>
		<p>0/140</p>
	</div>
	<script src="js/upload.js"></script>
</form>

<!--底部-->
<div class="mid-width">
    <input type="button" class="p_button" onclick="jubao()" value="提交">
</div>
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
	//选择
	$(function () {
       $('.cgs_xuanze li').on('click',function(){
            //给菜单添加选择样式
            $(this).addClass('cgs_xuanze_li').siblings().removeClass('cgs_xuanze_li');
   
       });
   });
   
   //上传图片
   $(".mm_imgfile input[type=file]").change(function(){
        var fs = this.files,$t  = $(this);
        $(fs).each(function(){
              var reader = new FileReader();
                reader.readAsDataURL(this);
                reader.onload = function(e) {
                    $t.parent().parent().prepend($('<li onclick="shanchu(this)"><input style="display: none;" class="classa" id="jubaobao" type="text" id="jubaobao"><img src="'+this.result+'"></li>'));
                    //deleteImg();
                }
        });
    });
    
    function shanchu(te){
    	$(te).remove();
    }
    
</script>
</body>
</html>